<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>常用面板小部件</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="Author" content="larry" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="../../../larryms/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../../larryms/css/admin/base.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../../larryms/css/admin/general.css" media="all">
</head>

<body class="larryms-general general-widgets">
    <div class="layui-fluid">
        <div class="larry-container">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-lg6 layui-col-md12 layui-col-sm12 layui-col-xs12">
                    <div class="layui-row  layui-col-space15">
                        <div class="layui-col-lg6 layui-md6 layui-col-sm6 layui-col-xs12">
                            <section class="layui-card">
                                <div class="layui-card-body text-center widgets-body">
                                    <div class="widgets-header">
                                        <img src="../../../larryms/images/widgets/1.png" alt="" class="widgets-img-photo mbt-15">
                                        <p class="text-lg text-main">亚伦查韦斯</p>
                                        <p class="text-muted text-sm">管理员</p>
                                        <p class="autograph text-sm">人人自有定盘针，万化根源总在心。却笑从前颠倒见，枝枝叶叶外头寻</p>
                                        <span class="layui-btn layui-btn-normal layui-btn-sm widgets-follow"><i class="larry-icon larry-follow"></i><cite>关注</cite></span>
                                    </div>
                                    <ul class="text-center widgets-list">
                                        <div class="layui-row">
                                            <li class="layui-col-xs4">
                                                <span class="text-sm block">23K</span>
                                                <cite class="text-muted text-sm block">
                                                    关注
                                                </cite>
                                            </li>
                                            <li class="layui-col-xs4">
                                                <span class="text-sm block">10K</span>
                                                <cite class="text-muted text-sm block">
                                                    点赞
                                                </cite>
                                            </li>
                                            <li class="layui-col-xs4">
                                                <span class="text-sm block">300</span>
                                                <cite class="text-muted text-sm block">
                                                    文章
                                                </cite>
                                            </li>
                                        </div>
                                    </ul>
                                </div>
                            </section>
                            <section class="layui-card bg-success">
                                <div class="layui-card-body text-left widgets-body">
                                    <div class="widgets-header">
                                        <img src="../../../larryms/images/widgets/8.png" alt="" class="widgets-img-photo mbt-15">
                                        <div class="widgets-info moon">
                                            <p class="text-lg text-main">Lucy Moon</p>
                                            <p class="text-muted text-sm">设计师</p>
                                        </div>
                                    </div>
                                    <ul class="text-center widgets-list list-unstyled">
                                        <div class="layui-row text-center">
                                            <a href="" class="link-a larry-icon larry-facebook layui-col-xs3"></a>
                                            <a href="" class="link-a larry-icon larry-github layui-col-xs3"></a>
                                            <a href="" class="link-a larry-icon larry-qq layui-col-xs3"></a>
                                            <a href="" class="link-a larry-icon larry-L layui-col-xs3" title="larryms社区"></a>
                                        </div>
                                    </ul>
                                </div>
                            </section>
                        </div>
                        <div class="layui-col-lg6 layui-md6 layui-col-sm6 layui-col-xs12">
                            <section class="layui-card bg-info">
                                <div class="layui-card-body text-center widgets-body">
                                    <div class="widgets-header">
                                        <img src="../../../larryms/images/widgets/2.png" alt="" class="widgets-img-photo mbt-15">
                                        <p class="text-lg text-main white">斯蒂芬特兰</p>
                                    </div>
                                    <ul class=" text-center widgets-list list-unstyled">
                                        <div class="layui-row text-center">
                                            <a href="" class="link-a larry-icon larry-facebook layui-col-xs3"></a>
                                            <a href="" class="link-a larry-icon larry-github layui-col-xs3"></a>
                                            <a href="" class="link-a larry-icon larry-qq layui-col-xs3"></a>
                                            <a href="" class="link-a larry-icon larry-L layui-col-xs3" title="larryms社区"></a>
                                        </div>
                                    </ul>
                                </div>
                            </section>
                            <section class="layui-card">
                                <div class="layui-card-body text-center widgets-body">
                                    <div class="widgets-header">
                                        <img src="../../../larryms/images/widgets/5.png" alt="" class="widgets-img-photo mbt-15">
                                        <p class="text-lg text-main">唐纳德布朗</p>
                                        <p class="text-muted text-sm">管理员</p>
                                        <span class="layui-btn layui-btn-sm widgets-follow"><i class="larry-icon larry-gerenxinxi3"></i><cite>信息</cite></span>
                                        <span class="layui-btn layui-btn-normal layui-btn-sm widgets-follow"><i class="larry-icon larry-follow"></i><cite>关注</cite></span>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
                <div class="layui-col-lg6 layui-col-md12 layui-col-sm12 layui-col-xs12">
                    <div class="layui-row  layui-col-space15">
                        <div class="layui-col-lg6 layui-md6 layui-col-sm6 layui-col-xs12">
                            <section class="layui-card bg-warning">
                                <div class="layui-card-body text-center widgets-body">
                                    <div class="widgets-header warning">
                                        <p class="text-lg text-main">拉尔夫韦斯特</p>
                                        <p class="text-muted text-sm">管理员</p>
                                    </div>
                                </div>
                                <div class="widgets-body-box text-center">
                                    <img src="../../../larryms/images/widgets/4.png" alt="" class="widgets-img-photo mbt-15 widgets-img-up">
                                    <ul class=" text-center widgets-list list-unstyled list-group">
                                        <div class="layui-row text-center">
                                            <a href="" class="link-a larry-icon larry-facebook layui-col-xs3"></a>
                                            <a href="" class="link-a larry-icon larry-github layui-col-xs3"></a>
                                            <a href="" class="link-a larry-icon larry-qq layui-col-xs3"></a>
                                            <a href="" class="link-a larry-icon larry-L layui-col-xs3" title="larryms社区"></a>
                                        </div>
                                    </ul>
                                </div>
                            </section>
                            <section class="layui-card bg-purple">
                                <div class="widgets-header">
                                    <img class="widget-bg img-responsive" src="../../../larryms/images/widgets/img3.jpg" alt="图片">
                                </div>
                                <div class="widgets-body-box text-center">
                                    <img src="../../../larryms/images/widgets/9.png" alt="" class="widgets-img-photo widgets-img-up">
                                    <div class="widgets-header">
                                        <p class="text-lg text-main">Lucy Moon</p>
                                        <p class="text-muted text-sm">艺术设计师</p>
                                    </div>
                                </div>
                            </section>
                        </div>
                        <div class="layui-col-lg6 layui-md6 layui-col-sm6 layui-col-xs12">
                            <section class="layui-card bg-purple">
                                <div class="layui-card-body text-center widgets-body">
                                    <div class="widgets-header">
                                        <img src="../../../larryms/images/widgets/10.png" alt="" class="widgets-img-photo mbt-15 img-border">
                                        <p class="text-lg text-main white">布兰达富勒</p>
                                        <p class="autograph text-xs white-p">在今只信良知真是真非处,更无掩藏回护,才做得狂者。使天下尽说我行不掩言,吾亦只依良知行</p>
                                    </div>
                                    <ul class=" text-center widgets-list list-unstyled">
                                        <div class="layui-row white-li">
                                            <li class="layui-col-xs4">
                                                <span class="text-sm block">23K</span>
                                                <cite class="text-muted text-sm block">
                                                    关注
                                                </cite>
                                            </li>
                                            <li class="layui-col-xs4">
                                                <span class="text-sm block">10K</span>
                                                <cite class="text-muted text-sm block">
                                                    点赞
                                                </cite>
                                            </li>
                                            <li class="layui-col-xs4">
                                                <span class="text-sm block">300</span>
                                                <cite class="text-muted text-sm block">
                                                    文章
                                                </cite>
                                            </li>
                                        </div>
                                    </ul>
                                </div>
                                <div class="widgets-body-box text-center">
                                    <ul class=" text-center widgets-list list-unstyled list-group mbt-15">
                                        <div class="layui-row text-center">
                                            <a href="" class="link-a larry-icon larry-facebook layui-col-xs3"></a>
                                            <a href="" class="link-a larry-icon larry-github layui-col-xs3"></a>
                                            <a href="" class="link-a larry-icon larry-qq layui-col-xs3"></a>
                                            <a href="" class="link-a larry-icon larry-L layui-col-xs3" title="larryms社区"></a>
                                        </div>
                                    </ul>
                                    <ul class="text-left widgets-info-box">
                                        <li class="list-item-sm">
                                            <span>最近的活动</span>
                                            <label class="layui-btn layui-btn-xs layui-btn-normal fr">30</label>
                                        </li>
                                        <li class="list-item-sm">
                                            <span>上传照片</span>
                                            <label class="layui-btn layui-btn-xs layui-bg-red fr">18</label>
                                        </li>
                                        <li class="list-item-sm">
                                            <span>发表文章</span>
                                            <label class="layui-btn layui-btn-xs fr">160</label>
                                        </li>
                                    </ul>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 常用小工具条 -->
            <div class="layui-row layui-col-space15 offen-use">
                <div class="layui-col-lg3 layui-col-md6 layui-col-sm6 layui-col-xs12">
                    <div class="layui-row layui-col-space15">
                        <div class="layui-col-xs12 layui-col-sm6">
                            <section class="layui-card bg-blue">
                                <div class="layui-card-body widgets-body text-center">
                                    <span class="text-h1 text-thin">1000</span>
                                    <p class="block title">订单</p>
                                    <i class="larry-icon larry-74wodedingdan text-md"></i>
                                </div>
                            </section>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6">
                            <section class="layui-card bg-purple">
                                <div class="layui-card-body widgets-body text-center">
                                    <span class="text-h1 text-thin">500</span>
                                    <p class="block title">项目</p>
                                    <i class="larry-icon larry-xiangmuguanli text-md"></i>
                                </div>
                            </section>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6">
                            <section class="layui-card bg-orange">
                                <div class="layui-card-body widgets-body text-center">
                                    <span class="text-h1 text-thin">800</span>
                                    <p class="block title">消息</p>
                                    <i class="larry-icon larry-xiaoxi text-md"></i>
                                </div>
                            </section>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm6">
                            <section class="layui-card bg-dark">
                                <div class="layui-card-body widgets-body text-center">
                                    <span class="text-h1 text-thin">90</span>
                                    <p class="block title">报告</p>
                                    <i class="larry-icon larry-dingdanguanli text-md"></i>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
                <div class="layui-col-lg5 layui-col-md6 layui-col-sm6 layui-col-xs12">
                    <div class="layui-row layui-col-space15">
                        <div class="layui-col-lg6 layui-col-md6 layui-col-sm6 layui-col-xs12">
                            <section class="layui-card">
                                <div class="layui-card-body layui-row">
                                    <div class="card-left layui-col-xs3">
                                        <i class="bg-success icon-circle larry-icon larry-huiyuanguanli"></i>
                                    </div>
                                    <div class="card-right layui-col-xs9">
                                        <p class="nums">666</p>
                                        <p class="tit">注册用户</p>
                                    </div>
                                </div>
                            </section>
                            <section class="layui-card">
                                <div class="layui-card-body layui-row">
                                    <div class="card-left layui-col-xs3">
                                        <i class="bg-mint icon-circle larry-icon larry-xiaoxi5"></i>
                                    </div>
                                    <div class="card-right layui-col-xs9">
                                        <p class="nums">16</p>
                                        <p class="tit">消息</p>
                                    </div>
                                </div>
                            </section>
                            <section class="layui-card bg-info2">
                                <div class="layui-card-body  layui-row">
                                    <div class="card-left layui-col-xs3">
                                        <i class="larry-icon larry-xiaoxi4"></i>
                                    </div>
                                    <div class="card-right info2  layui-col-xs9">
                                        <p class="nums">10</p>
                                        <p class="tit">新邮件</p>
                                    </div>
                                </div>
                            </section>
                        </div>
                        <div class="layui-col-lg6 layui-col-md6 layui-col-sm6 layui-col-xs12">
                            <section class="layui-card bg-success">
                                <div class="layui-card-body text-left widgets-slider">
                                    <i class="larry-icon larry-laofangke"></i>
                                    <div class="inline-block">
                                        <p class="nums">8630</p>
                                        <p class="tit">新增访客</p>
                                    </div>
                                </div>
                                <div class="layui-progress  widgets-progress">
                                    <div class="layui-progress-bar layui-bg-white" lay-percent="60%"></div>
                                </div>
                                <p class="description">
                                    比昨天访客数增长60%
                                </p>
                            </section>
                            <section class="layui-card bg-blue">
                                <div class="layui-card-body text-left widgets-slider">
                                    <i class="larry-icon larry-laofangke"></i>
                                    <div class="inline-block">
                                        <p class="nums">600</p>
                                        <p class="tit">订单</p>
                                    </div>
                                </div>
                                <div class="layui-progress widgets-progress">
                                    <div class="layui-progress-bar layui-bg-white" lay-percent="20%"></div>
                                </div>
                                <p class="description">
                                    比昨天订单数增长20%
                                </p>
                            </section>
                        </div>
                    </div>
                </div>
                <div class="layui-col-lg2 layui-col-md6 layui-col-sm6 layui-col-xs12">
                    <section class="layui-card bg-danger">
                        <div class="layui-card-body text-center widgets-panel">
                            <i class="larry-icon larry-shouquan"></i>
                        </div>
                        <div class="layui-card-body text-center widgets-panel-body">
                            <p class="text-tit">小明</p>
                            <p class="autograph text-sm">人人自有定盘针，万化根源总在心。却笑从前颠倒见，枝枝叶叶外头寻</p>
                        </div>
                    </section>
                </div>
                <div class="layui-col-lg2 layui-col-md6 layui-col-sm6 layui-col-xs12">
                    <section class="layui-card bg-dark">
                        <div class="layui-card-body text-center widgets-panel">
                            <i class="larry-icon larry-xiaochengxu"></i>
                            <div class="pad-all text-center">
                                <p class="text-lg text-semibold">Earning</p>
                                <p class="h2 text-semibold">$7,428</p>
                                <p class="text-sm text-overflow pad-top">
                                    <span class="label label-dark">22,675</span> Total Earning
                                </p>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </div>
    <!-- 加载js文件-->
    <script type="text/javascript" src="../../../larryms/layui/layui.js"></script>
    <script type="text/javascript">
    // layui.cache.page = 'panel';
    layui.config({
        version: "2.0.8",
        base: '../../../larryms/', //实际使用时，建议改成绝对路径
        rightMenu: true // false关闭，设置为custom时使用自定义，不使用默认menu
    }).extend({
        larry: 'js/base'
    }).use('larry');
    </script>
</body>

</html>